<template>
	<view class="price-item uni-flex">
		<view>
			<view class="price-name">{{priceName}}</view>
			<view>￥{{price}} 元/位</view>
		</view>
		<view>
			<number-box></number-box>
		</view>
	</view>
</template>

<script>
	/**
	 * PriceItem 价格类型（不同价格数量的选择）
	 * @description 用于儿童价、成人价不同时的数量选择 
	 * @tutorial https://ext.dcloud.net.cn/plugin?id=21
	 * @property {String} priceName 价位名（儿童价、成人价...）
	 * @property {Number} price  价格
	 * @event {Function} click 点击 numberBox 触发事件（还未完成）
	 * @example <price-item price-name="成人"></price-item>
	 */
	import numberBox from "@/components/uni-number-box/uni-number-box.vue"
	export default{
		name:"priceItem",
		components: {
			numberBox
		},
		props: {
			priceName: {
				type: String,
				default: "儿童价"
			},
			price:{
				type: Number,
				default: 5920
			}
		}
	}
</script>

<style>
	.price-item{
		justify-content: space-between;
		padding: 10rpx 0;
	}
	.price-name{
		color: #007AFF;
	}
</style>
